<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <f:view locale="#{localeController.currentLocale}"> 
        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
            <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />

            <link rel="shortcut icon" href="imagens/favicon.ico" type="image/x-icon" />
            <title>ThreeDs - Database Data Dictionary</title>
        </h:head>

        <h:body>


            <div id="top" class="top">
                <div id="wrapper">
                    <div id="header-wrapper">
                        <div id="header">
                            <div id="logo">
                                <h1>ThreeDs</h1>
                                <p> Database Data Dictionary</p>
                            </div>
                            <div id="menu">
                                <ul>

                                    <li><a href="pesquisar.jsf">#{msgs.pesquisar}</a></li>
                                    <li><a href="#">#{msgs.sobrenos}</a></li>
                                </ul>
                            </div>

                            <h:form style="margin-top: -50px; margin-left: 990px">

                                <h:commandLink action="#{localeController.portugueseLocale}">
                                    <h:graphicImage value="imagens/brazil_flag.png" style="border:none" />
                                </h:commandLink>
                            </h:form>


                            <h:form style="margin-top: -50px; margin-left: 1030px">
                                <h:commandLink action="#{localeController.englishLocale}">
                                    <h:graphicImage value="imagens/usa_flag.png" style="border:none" />
                                </h:commandLink> 
                            </h:form>



                        </div>
                    </div>
                </div>

            </div>

            <div id="left">

                <h:form> 
                    <p:menu>
                        <p:submenu label="Menu">
                            <p:menuitem value="Home" url="elementosDD.jsf" />
                            <p:menuitem value="#{msgs.esquemas}" url="visualizarEsquemas.jsf" />
                            <p:menuitem value="#{msgs.projetistas}" url="configurarProjeto.jsf" />
                            <p:menuitem value="#{msgs.ajuda}" url="manual.html" />
                        </p:submenu>
                        
                    </p:menu>
                    
                     
                    <p:menu>
                        <p:submenu label="Elementos">
                            
                            <p:menuitem value="#{msgs.tabela}" url="novaTabela.jsf" />
                            <p:menuitem value="#{msgs.atributo}" url="visualizarAtributos.jsf" />
                            
                        </p:submenu>
                        
                    </p:menu>
                
                </h:form>

            </div>

            <div id="content" class="left_content" style="width: 873px">

                <ui:insert name="content">Content</ui:insert>

            </div>


        </h:body>
    </f:view>
</html>
